#box,html,.container{height:100%;width:100%;background: #979797;}
.box_1{
    width:100%;
    background:red;
    position:relative;
}
.y{
    width:50%;
    height:100%;
    /*background:white;*/
    overflow:hidden;
    position:absolute;
    top:0;
}
.y-1{
    width:100%;
    height:120%;
    background:white;
    border-top-right-radius:50%;
    border-bottom-right-radius:50%;
    position:absolute;
    top:-10%;
}
.y .y-1 .tb{
    width:80%;
    height:15%;
    margin:16% 5%;
    /*background:red;*/
}
.y .y-1 .tb .tb-1{
    height:100%;
    width:25%;
    float:left;
    /*background:green;*/
}
.y .y-1 .tb .tb-2{
    height:60%;
    width:70%;
    float:left;
    /*background: #0d1dff;*/
}
.h{
    margin:0;
}
.p{
    font-size:1.1em;
}
.wz{
    /*background:yellow;*/
    margin:-10% 5%;
}
.wz .h-1{
    font-size:6em;
    line-height:100%;
}
.cs{
    /*background: rgba(0, 0, 202, 0.29);*/
    width: 100%;
    height: 8%;
    margin-left: 10%;
}
.img{
    height:50%;
    /*background: #1669dd;*/
    float:left;
}
.pb{
    float:left;
    /*background: #55ddbe;*/
    line-height:0.7em;
    margin-left:2%;
}
.zi{
    margin-top:25%;
    margin-left:5%;

}
#in{
    margin-left:5%;
    border-radius:20px;
    text-indent:15%;
    background: #d4d4d4;

}
.but{
    position:absolute;
    left:6%;
    margin-top:5%
z-index:10;
    width:6%;
}
.hh{
    position:relative;
    margin-top: 10%;
}
.last{
    margin-top:2%;
    margin-left:5%;

}
.ct{
    width:100%;
    height:100%;
    background: #9780cc;
}
.cf{ width:100%;
    height:12.5%;
}
.ct-1{
    background: #ffc50e;
}
.ct-2{
    background:  #ff8b0f;
}
.ct-3{
    background: #ff1b2e;
}
.ct-4{
    background: #b1077a;
}
.ct-5{
    background:#fb338c;
}
.ct-6{
    background: #3e57c0;
}
.ct-7{
    background: #00a374;
}
.ct-8{
    background: #7ab94e;
}
.ct .cf p{
    margin-top:3.5%;
    float:right;
    font-weight:bold;
    color:white;
}
.ct .cf img{
    float:right;
    width:5%;
    height:5%
    /*border:1px solid red;*/
    margin-top:3.5%;
    margin-left:1%;
}




.o{
    width: 100%;
    height: 8%;
    margin-left: 10%;
    margin-top: 10%;
}
.n{
    width: 100%;
    height: 7%;
    margin-left: 10%;
    margin-top: 4%;
}
.k{
    width: 8%;
    height: 38%;
    background-color: #c2c2c2;
    border-top-left-radius:24px;
    border-bottom-left-radius: 24px;
    float: left;
}
.ab{
    width: 35%;
    margin-bottom: 12%;
}
.l{
    width: 30%;
    height: 38%;
    border: none;
    background-color: #c2c2c2;
    border-top-left-radius:24px;
    border-bottom-left-radius: 24px;
    border-top-right-radius:24px;
    border-bottom-right-radius: 24px;
    margin-left: -2%;
    float: left;
}
.x{
    width: 100%;
    height: 3%;
    margin-left: 10%;
    margin-top: 1%;
    font-size: 12px;
}